<section id='reportsSection'>
  <section id='reportFilters'>
    <h3>{{=T("Location")}}</h3>
      <section class='locationFilters'>
        <span id='l0_report'>
          <label for='l0_reports'>{{=COUNTRY}}:</label>
          <select id='l0_reports'>
            <option value='' class='none'>{{=CHOOSE_COUNTRY}}</option>
          </select>
        </span>
        <span id='l1_report'>
          <label for='l1_reports'></label>
          <select id='l1_reports'></select>
        </span>
        <span id='l2_report'>
          <label for='l2_reports'></label>
          <select id='l2_reports'></select>
        </span>
        <span id='l3_report'>
          <label for='l3_reports'></label>
          <select id='l3_reports'></select>
        </span>
        <!--
        <span id='l4_report'>
          <label for='l4_reports'></label>
          <select id='l4_reports'></select>
        <span id='l5_report'>
          <label for='l5_reports'></label>
          <select id='l5_reports'></select>
        </span>-->
        <span id='lx_report_throbber' class='throbber hidden'></span>
      </section>
    <h3>{{=T("Date Range")}}</h3>
    <section class='dateFilters'>
      <label for='dateFromReports'>{{=T("FROM")}}</label>
      <input id='dateFromReports' />
      <label for='dateToReports'>{{=T("TO")}}</label>
      <input id='dateToReports' />
    </section>
    <h3>{{=T("Type")}}</h3>
    <section class='typeFilters'>
      <div>
        <input id='indicatorsCheckbox' type='checkbox' value='indicators' checked />
        <label for='indicatorsCheckbox'>{{=T("Indicators")}}</label>
      </div>
      <div>
        <input id='mapCheckbox' type='checkbox' value='map' checked />
        <label for='mapCheckbox'>{{=T("Map")}}</label>
      </div>
      <div><input id='imagesCheckbox' type='checkbox' value='images' checked />
        <label for='imagesCheckbox'>{{=T("Images")}}</label>
      </div>
      <div>
        <input id='reportsCheckbox' type='checkbox' value='reports' checked />
        <label for='reportsCheckbox'>{{=T("Other reports")}}</label>
      </div>
      <div>
        <input id='demographicsCheckbox' type='checkbox' value='demographics' checked />
        <label for='demographicsCheckbox'>{{=T("Demographic data")}}</label>
      </div>
    </section>
    <div  id='filterSubmit' class='filter'>{{=T("Filter")}}</div>
  </section>
  <section id='reportsContent'>
    <div id='numberReports'></div>
    <div id='table-container'>
      {{#=s3.report}}
    </div>
    <div class='approvalScreen'>
      <p class='thanks'>{{=T("Thank you for your approval")}}.</p>
      <p class='return2reports'><a href='#reports'>{{=T("Back to the main screen")}}</a></p>
    </div>
  </section>
  <section id='reportsHeader'>
    <h2>{{=T("REPORTS")}}</h2>
    <div id='reportsToggle'>
      <div class='allReports active'>{{=T("ALL REPORTS")}}</div>
      <div>&#124;</div>
      <div class='myReports'><a href="javascript:toggleReports('myReports')" title='My Reports'>{{=T("MY REPORTS")}}</a></div>
    </div>
    <div class='panelSearch'>
      <input id='reportTextSearch' class='rounded' type='text' name='reportsSearch' />
      <div class='panelSearchSubmit'></div>
    </div>
    <div class='closePanel'></div>
  </section>
</section>
